import Vue from 'vue'
import App from './App.vue'

new Vue({
  // el: '#app'
  render (h) {  // 提供要显示的虚拟DOM

    // 产生虚拟DOM: 使用createElement/h函数来创建虚拟DOM/节点/元素
    // const vnode = h(App)
    // const vnode = h('div', {attrs: {id: 123, name: 'abc'}}, 'atguigu')
    let vnode = h('div', {attrs: {id: 123, name: 'abc'}}, [
      h('h2', {}, 'aaa'),
      h('p', null, 'bbb')
    ])
    console.log(vnode)
    // 产生虚拟DOM:  使用jsx
    vnode = (
      <div id="1234" name="abcd">
        <h2>aaa2</h2>
        <p>bbb2</p>
      </div>
    )

    return vnode
  }
}).$mount('#app')